<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no , maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=10">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="https://demo.waimaoniu.com/n77/css/aos.css">
    <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/style.css">
    <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.min.js"></script>
    <title>设计编号:77</title>
</head>
<body class="inner-page">
    <div class="main">
        <!-- HEADER START -->
        <header class="header-box">

            <div class="header-middle">
                <div class="header-inner">
                    <div class="header-logo">
                        <div class="header-logo-box">
                            <a href="#"><img alt="Gecko" src="{HOME_THEME_PATH}picture/logo.png"></a>
                        </div>
                    </div>
                    <div class="header-inner-right">
                        <div class="header-contact">
                            <ul>
                                <li class="website-mailbox"><i class="iconfont">&#xe624;</i><a href="message.html"
                                        target="_blank">demo@your*domain.com </a></li>
                                <li class="website-phone"><i class="iconfont">&#xec76;</i><a href="message.html"
                                        target="_blank">400-12345-678</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="social-link">
                        <a href="#" class="facebook">
                            <i class="iconfont fa-facebook">&#xe616;</i>
                        </a>
                        <a href="#" class="twitter">
                            <i class="iconfont fa-twitter">&#xe609;</i>
                        </a>
                        <a href="#" class="google-plus">
                            <i class="iconfont fa-google-plus">&#xe636;</i>
                        </a>
                        <a href="#" class="linkedin">
                            <i class="iconfont fa-linkedin">&#xe615;</i>
                        </a>
                        <a href="#" class="skype">
                            <i class="iconfont fa-skype">&#xec02;</i>
                        </a>
                    </div>

                    <!--<div class="company-motto">
                    <div class="company-motto-p"><p>Guaranteeing the highest quality products has always been our pursuit</p></div>
                </div>-->
                </div>
                <div class="clear"></div>
            </div>
            <!--导航栏-->
            <div id="fixedMenu">
                <div class="header-inner">
                    <div class="language">
                        <div class="cur">
                            <e class="en">English<i class="iconfont">&#xe635;</i></e>
                            <ul class="language-list">
                                <li><a href="#" title="English" class="en">English</a></li>
                                <li><a href="#" title="España" class="es">España</a></li>
                                <li><a href="#" title="Nederlands" class="nl">Nederlands</a></li>
                                <li><a href="#" title="العربية" class="ar">العربية</a></li>
                                <li><a href="#" title="Pусский" class="ru">Pусский</a></li>
                                <li><a href="#" title="Deutsch" class="de">Deutsch</a></li>
                                <li><a href="#" title="日本語" class="ja">日本語</a></li>
                                <li><a href="#" title="Português" class="pt">Português</a></li>
                                <li><a href="#" title="Français" class="fr">Français</a></li>
                                <li><a href="#" title="Italiano" class="it">Italiano</a></li>
                                <li><a href="#" title="한국의" class="ko">한국의</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="header-search">
                        <form>
                            <div class="search-box">
                                <input class="input-text" placeholder="Search entire store here..." type="text">
                                <button class="search-btn"><i class="iconfont">&#xe6c9;</i></button>
                            </div>
                        </form>
                    </div>
                    <nav class="main-nav" role="navigation">
                        <!-- Mobile menu toggle button (hamburger/x icon) -->
                        <input id="main-menu-state" type="checkbox">
                        <label class="main-menu-btn" for="main-menu-state">
                            <span class="main-menu-btn-icon"></span> Toggle main menu visibility
                        </label>
                        <!-- Sample menu definition -->
                        <ul id="main-menu" class="sm sm-blue">
                            <li><a href="index.html">Home</a></li>
                            <li class="current"><a href="">Products</a>
                                <ul>
                                    <li><a href="product-list.html">Dummy item</a></li>
                                    <li><a href="product-list.html">Dummy item</a></li>
                                    <li><a href="product-list.html">Dummy item</a></li>
                                    <li><a href="product-list.html">More...</a>
                                        <ul>
                                            <li><a href="product-list.html">Dummy item</a></li>
                                            <li><a href="product-list.html">Dummy item</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="news.html">News</a>
                                <ul>
                                    <li><a href="news-list.html">Company News</a></li>
                                    <li><a href="news-list.html">Industry News</a></li>
                                </ul>
                            </li>
                            <li><a href="case.html">Case</a></li>
                            <li><a href="factory-show.html">Factory Show</a></li>
                            <li><a href="contact-us.html">Contact Us</a></li>
                            <li><a href="about-us.html">About Us</a>
                                <ul>
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="about-us.html">Main Product</a></li>
                                    <li><a href="about-us.html">Design</a></li>
                                    <li><a href="about-us.html">Advantage</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!--导航栏结束-->

        </header>
        <!-- HEADER END -->
        <div class="inner-page-main">
            <div class="inner-page-middle">
                <div class="bread-crumb">
                    <i class="iconfont">&#xe688;</i>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li>></li>
                        <li><span>Products</span></li>
                    </ul>
                </div>
                <div class="inner-page-content">
                    <div class="inner-page-r" aos="fade-left" aos-easing="ease" aos-delay="100">
                        <section class="product-key">
                            <div class="product-key-box">
                                <h1>Product Keywords</h1>
                                <p>Product key description, this is a very good product description, detailing our
                                    product use, product characteristics</p>
                            </div>
                        </section>
                        <section class="product-listing">
                            <div class="product-listing-t">
                                <h2>Product Type One</h2><span><a href="product-list.html">more+</a></span>
                            </div>
                            <ul>
                                <li>
                                    <div class="product-item">
                                        <div class="sale-label"><span>Hot</span></div>
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p1.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p2.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p3.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p4.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p1.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p2.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                            </ul>
                        </section>
                        <section class="product-listing">
                            <div class="product-listing-t">
                                <h2>Product Type Two</h2><span><a href="product-list.html">more+</a></span>
                            </div>
                            <ul>
                                <li>
                                    <div class="product-item">
                                        <div class="sale-label"><span>Hot</span></div>
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p1.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p2.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p3.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p4.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p1.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p2.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                            </ul>
                        </section>
                        <section class="product-listing">
                            <div class="product-listing-t">
                                <h2>Product Type three</h2><span><a href="product-list.html">more+</a></span>
                            </div>
                            <ul>
                                <li>
                                    <div class="product-item">
                                        <div class="sale-label"><span>Hot</span></div>
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p1.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p2.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p3.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p4.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p1.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-item">
                                        <div class="product-image"><a href="product-page.html"><img
                                                    src="{HOME_THEME_PATH}picture/p2.jpg" alt=""></a></div>
                                        <div class="product-item-name"><a href="product-page.html">
                                                <h3>Fingerprint door lock</h3>
                                            </a></div>
                                    </div>
                                </li>
                            </ul>
                        </section>
                        <div class="pagination-bar">
                            <ul>
                                <li><a href="#"><i class="iconfont icon-jiantou6"></i></a></li>
                                <li class="active"><span>1</span></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#"><i class="iconfont icon-jiantou5"></i></a></li>
                                <li class="pageinfo">Total 50 Records</li>
                            </ul>
                        </div>
                    </div>
                    <div class="inner-page-l" aos="fade-right" aos-easing="ease" aos-delay="100">
                        <div class="sidebar-block">
                            <div class="sidebar-box">
                                <div class="sidebar-title">
                                    <span>Product List</span>
                                </div>
                                <div class="sidebar-contant sidebar-product">
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type One"><i></i>Product Type
                                                One</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type Two"><i></i>Product Type
                                                Two</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type three"><i></i>Product Type
                                                three</a></dt>
                                        <dd><a href="product-list.html">Product Categories</a></dd>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type four"><i></i>Product Type
                                                four</a></dt>
                                    </dl>
                                    <dl>
                                        <dt><a href="product-list.html" title="Product Type Five"><i></i>Product Type
                                                Five</a></dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-featured">
                                <div class="sidebar-title">
                                    <span>feature product</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p1.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">Fingerprint door
                                                            lock</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p2.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">Fingerprint door
                                                            lock</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p3.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">Fingerprint door
                                                            lock</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="product-page.html"><img alt="T-shirt"
                                                            src="{HOME_THEME_PATH}picture/p4.jpg"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="product-page.html">Fingerprint door
                                                            lock</a></div>
                                                    <span><a class="btn" href="product-page.html">More</a></span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-contact">
                                <div class="sidebar-title">
                                    <span>Contact Us</span>
                                </div>
                                <div class="sidebar-contant">
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xec76;</i>phone:</div>
                                        <ul>
                                            <li><a href="#">400-12345-678</a></li>
                                        </ul>
                                    </div>
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xe624;</i>E-mail :</div>
                                        <ul>
                                            <li><a href="#">demo@your*domain.com</a></li>
                                        </ul>
                                    </div>
                                    <div class="mb-20">
                                        <div class="inner-title"><i class="iconfont">&#xe606;</i>fax :</div>
                                        <ul>
                                            <li><a href="#">0000-1234567</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--FOOTER -->
            {template footer.html}
            <script>
                //手机端底部折叠
                $('.sidebar-block-but').on("click", function () {
                    $(".sidebar-box").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
                $('.footer-content-but').on("click", function () {
                    $(".footer-main").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
            </script>
            <!-- END FOOTER -->
        </div>
    </div>
    <!--返回顶部-->
    <div class="scroll" id="scroll" style="display:none;">
        <i class="iconfont">&#xe637;</i>
    </div>
</body>
<script src="{HOME_THEME_PATH}js/jquery-1.12.3.min.js"></script>
<!--动态加载-->
<script src="{HOME_THEME_PATH}js/wow.js" id="WOW"></script>
<script>
    new WOW().init();
</script>
<!--轮播图-->
<script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
<script src="{HOME_THEME_PATH}js/custom.js"></script>

<script>
    /* ------------ Newslater-popup JS Start ------------- */
    $(window).load(function () {
        $.magnificPopup.open({
            items: {
                src: '#newslater-popup'
            },
            type: 'inline'
        }, 0);
    });
    /* ------------ Newslater-popup JS End ------------- */
</script>
<!--菜单栏js-->
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
    // SmartMenus init
    $(function () {
        $('#main-menu').smartmenus({
            subMenusSubOffsetX: 1,
            subMenusSubOffsetY: -8
        });
    });

    // SmartMenus mobile menu toggle button
    $(function () {
        var $mainMenuState = $('#main-menu-state');
        if ($mainMenuState.length) {
            // animate mobile menu
            $mainMenuState.change(function (e) {
                var $menu = $('#main-menu');
                if (this.checked) {
                    $menu.hide().slideDown(250, function () {
                        $menu.css('display', '');
                    });
                } else {
                    $menu.show().slideUp(250, function () {
                        $menu.css('display', '');
                    });
                }
            });
            // hide mobile menu beforeunload
            $(window).bind('beforeunload unload', function () {
                if ($mainMenuState[0].checked) {
                    $mainMenuState[0].click();
                }
            });
        }
    });
</script>
<!--导航栏置顶固定-->
<script>
    $(function () {
        var ie6 = document.all;
        var dv = $('#fixedMenu'),
            st;
        dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
        $(window).scroll(function () {
            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
            if (st > parseInt(dv.attr('otop'))) {
                if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
                    dv.css({
                        position: 'absolute',
                        top: st
                    });
                } else if (dv.css('position') != 'fixed') dv.css({
                    'position': 'fixed',
                    top: 0
                });
                dv.addClass("top-fixed")
                $('.inner-page-main').addClass("mh")
            } else if (dv.css('position') != 'static') {
                dv.css({
                    'position': 'static'
                });
                dv.removeClass("top-fixed")
                $('.inner-page-main').removeClass("mh")
            }
        });
    });
</script>
<!--banner-->
<script src="{HOME_THEME_PATH}js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
    $('.flexslider').flexslider();
</script>

<!--返回顶部-->
<script type="text/javascript">
    $(function () {
        showScroll();

        function showScroll() {
            $(window).scroll(function () {
                var scrollValue = $(window).scrollTop();
                scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
            });
            $('#scroll').click(function () {
                $("html,body").animate({
                    scrollTop: 0
                }, 200);
            });
        }
    })
</script>
<!--产品折叠列表-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/sidebar-product.js"></script>
<script type="text/javascript">
    $(function () {
        initSidebarClicker('span', '+', '-')
    })
</script>
<!--产品详情页图片展示-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/product_slide.js"></script>
<script type="text/javascript">
    console.log($('.ps-current [class^="elt"]').length)
    $('.ps-current [class^="elt"]').zoom()
</script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.lightbox-0.5.js"></script>
<script>
    $('.ps-current a').lightBox();
</script>
<!--证书图片点击放大-->
<!-- 设计：Q/微：595894985 -->
<script src="{HOME_THEME_PATH}js/jquery.fancybox.min.js"></script>

<!--页面出厂动画-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/main.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/aos.js"></script>
<script type="text/javascript">
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000
    });
</script>

</html>